

<div id="wrapper-ad-sidebar">

	<ul class="ad-sidebar">
		<li class="item1"><a class="genericon genericon-home" href="#">giới thiệu</a>
			<ul>
				<li class="subitem1"><a href="../ad-php/gioithieu-capnhat.php">cập nhật</a></li>
			</ul>
		</li>
		<li class="item2"><a href="#">thành viên</a>
			<ul>
				<li class="subitem1"><a href="../ad-php/thanhvien-themmoi.php">thêm mới</a></li>
				<li class="subitem2"><a href="../ad-php/thanhvien-capnhat.php">cập nhật</a></li>
			</ul>
		</li>
		<li class="item3"><a href="#">Lịch</a>
			<ul>
				<li class="subitem1"><a href="../ad-php/lich-themmoi.php">Thêm mới</a></li>
				<li class="subitem2"><a href="../ad-php/lich-capnhat.php">cập nhật</a></li>
			</ul>
		</li>
		<li class="item4"><a href="#">lĩnh vực</a>
			<ul>
				<li class="subitem1"><a href="../ad-php/linhvuc-themmoi.php">thêm mới</a></li>
				<li class="subitem2"><a href="../ad-php/linhvuc-capnhat.php">cập nhật</a></li>
			</ul>
		</li>
		<li class="item5"><a href="#">ấn phẩm</a>
			<ul>
				<li class="subitem1"><a href="../ad-php/anpham-themmoi.php">thêm mới</a></li>
				<li class="subitem2"><a href="../ad-php/anpham-capnhat.php">cập nhật</a></li>
			</ul>
		</li>
        <li class="item5"><a href="#">dự án</a>
			<ul>
				<li class="subitem1"><a href="../ad-php/duan-themmoi.php">thêm mới</a></li>
				<li class="subitem2"><a href="../ad-php/duan-capnhat.php">cập nhật</a></li>
			</ul>
		</li>
        <li class="item5"><a href="#">công cụ</a>
			<ul>
				<li class="subitem1"><a href="../ad-php/congcu-themmoi.php">thêm mới</a></li>
				<li class="subitem2"><a href="../ad-php/congcu-capnhat.php">cập nhật</a></li>
			</ul>
		</li>
	</ul>

</div>

<!--initiate accordion-->
<script type="text/javascript">
	$(function() {
	
	    var menu_ul = $('.ad-sidebar > li > ul'),
	           menu_a  = $('.ad-sidebar > li > a');
	    
	    menu_ul.hide();
	
	    menu_a.click(function(e) {
	        e.preventDefault();
	        if(!$(this).hasClass('active')) {
	            menu_a.removeClass('active');
	            menu_ul.filter(':visible').slideUp('normal');
	            $(this).addClass('active').next().stop(true,true).slideDown('normal');
	        } else {
	            $(this).removeClass('active');
	            $(this).next().stop(true,true).slideUp('normal');
	        }
	    });
	
	});
</script>